<template>
  <el-button :type="type" class="alvin-icon-button">
    <svg-icon :name="icon" class="icon-box"></svg-icon>
    <slot></slot>
  </el-button>
</template>
<script setup lang="ts">
import { defineProps } from "vue"

defineProps({
  icon: {
    type: String,
    deflut: '',
  },
  type: {
    type: String,
    deflut: '',
  },
})
</script>
<style lang="less">
  .alvin-icon-button{
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    .icon-box{
      margin-right:8px;
      height:14px;
    }
  }
</style>